<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery.js"></script>
</head>
<body>
    <div id="app">你真是个天才！</div>
    <button class="aa">红色</button>
    <button class="bb">粉色</button>

    <!-- <ul>
        <li name='java'>学习java</li>
        <li name='web'>学习web</li>
        <li name='ui'>学习ui</li>
    </ul> -->
</body>
</html>

<script>


// var tools = {
//     el=null,
//     $(name){
//         this.el =document.querySelector(name)
//         if(!this.el) return alert('dom不存在')
//         return this
//     },
//     setColor(color){
//         this.el.style.color = color
//         return this
//     },
//     setFontSize(size){
//         this.el.style.fontSize = size + 'px'
//         return this
//     },
//     click(msg){
//         this.el.onclick= function(){
//             alert(msg)
//         }
//     }
// }
// tools.$('#liYangLong').setColor('red').setFontSize('30').click('你啊,总给我整点花样')













    $('.aa').click(function(){
        $('#app').css('color','red')
    })
    $('.bb').click(function(){
        $('#app').css('color','pink')
    })

    // let lis = document.querySelectorAll('li')

    // let map = new Map()

    // lis.forEach((item,index)=>{
    //     map.set(item,{content: lis[index].getAttribute('name')})
    // //    console.log(item);
    // //    console.log(index);
    // item.onclick=function(){
    //     alert(item.getAttribute('name'))
    // }
    // })
    
    // lis.forEach((item,index) => {
    //     console.log(item);
    //     console.log(index);
    // });
    // for (let i of lis){
    //     // console.log(i);

    // }
    // map.set(lis,{content: lis.getAttribute('name')})
    // map.forEach((item,index) => {

    //     console.log(item[index]);
        
    // });
    // console.log(map);

    // map.set(lis,{content: lis.getAttribute('name')})
    // console.log(map);











</script>

